import React from 'react';
import QueueAnim from 'rc-queue-anim';
class Banner extends React.PureComponent {
  render() {
    const { ...currentProps } = this.props;
    const { dataSource } = currentProps;
    delete currentProps.dataSource;
    delete currentProps.isMobile;
    return (
      <div {...currentProps} {...dataSource.wrapper}>
        <QueueAnim
          key="QueueAnim"
          type={['bottom', 'top']}
          delay={200}
          {...dataSource.textWrapper}
        >
          <p className='banner-title'>新一代云原生实时数据湖引领者</p>
          <p className='banner-describe'>为企业打造业界领先的云原生实时数据湖底盘，提供存算分离、实时数仓、多云管理等核心能力，降低大数据使用门槛和成本的极致优化</p>
        </QueueAnim>

      </div>
    );
  }
}
export default Banner;
